<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html" charset="utf-8">
		<meta name="viewport"
			content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
		<link rel="stylesheet" href="js/layui/css/layui.css" media="all">
		<title>服务网点-详情</title>
		<style>
			body {
				margin-top: 20px;
			}

			.layui-row {
				
				width: 90%;
				margin: 0 auto;
				margin-top: 10px;
				padding-bottom: 10px;
			}
			.layui-row div{
				margin: 10px 0;
			}

			.back {
				margin-bottom: 30px;
				text-align: left;
			}

			h3 {
				margin: 15px 0 5px 0;
				font-size: 20px;
			}
			
			span{
				font-size: 12px;
				color: #999;
			}
			
			span+span{
				margin-left: 10px;
			}
		</style>
	</head>
	<body>
		<div class="back">
			<button type="button" id="backBtn" class="layui-btn layui-btn-sm layui-btn-primary" style="border: none;">
				<i class="layui-icon layui-icon-left">返回</i>
			</button>
		</div>

		<div>
			<div class="layui-row">
					<div>
						<h3 id="name"></h3>
						<div>
							<span>电话:<span id="phone"></span></span>
						</div>
						<div>
							<span>地址:<span id="address"></span></span>
						</div>
					</div>
			</div>
			
		</div>
		</div>
		<script src="js/jquery.min.js"> </script>
		<script src="js/common.js"></script>
		<script>
			$(function() {

				$("#backBtn").on("click", function() {
					window.location.href = "service-network-list.html";
				});
				var id = getUrlParam("id");
				$.ajax({
					url: baseUrl + "service/getOneById.json",
					contentType: "json",
					data:{
						id:id
					},
					success: function (data) {
						if (data.code == "200") {
							$("#name").html(data.serviceNetwork.name);
							$("#phone").html(data.serviceNetwork.phone);
							$("#address").html(data.serviceNetwork.address);
						}
					}
				});

			});
		</script>
	</body>
</html>
